<template>
	<div id="jianli">
		<div style="background:#eee;  padding: 20px;height:750px">
			<Card :bordered="false">
				<div slot="title">
					<Row :gutter="16">
						<Col span="18">
						<div>
							<Row>
								<Col span="24">
								<p style="color: #AA00FF; font-size: 400%; height: 90px; padding: 20px;text-align: left;">{{formline.name}}</p>
								</Col>
							</Row>
							<Row>
								<Col span="24">
								<p style="color: #000000; font-size: 100%; height: 20px; text-align: left;"> {{formline.position}}</p>
								</Col>
							</Row>
						</div>
						</Col>
						<Col span="6">
						<div><img 
						:src='require("@/assets/staff/"+imgstr+".jpg")'  
						align="right" 
						style="width: 90px; height: 120px;"
						alt="error"/>
						</div>
						</Col>
					</Row>
				</div>
				<div>
					<Divider>基本信息</Divider>
					<Row :gutter="18">
						<Col span="17">
						<div>
							<row>
								<Col span="3">
								<div style="font-weight: 700;">姓名:</div>
								</Col>
								<Col span="5">
								<div>{{formline.name}}</div>
								</Col>
								<Col span="3" offset="7">
								<div style="font-weight: 700;">性别:</div>
								</Col>
								<Col span="1">
								<div>{{formline.sex}}</div>
								</Col>
							</row>

							<row>
								<Col span="4">
								<div style="font-weight: 700;">出生年月:</div>
								</Col>
								<Col span="9">
								<div>{{formline.birthday}}</div>
								</Col>
								<Col span="3" offset="2">
								<div style="font-weight: 700;">邮箱:</div>
								</Col>
								<Col span="6">
								<div>{{formline.email}}</div>
								</Col>

							</row>
							<row>
								<Col span="4">
								<div style="font-weight: 700;">联系方式:</div>
								</Col>
								<Col span="9">
								<div>{{formline.phone}}</div>
								</Col>
								<Col span="3" offset="2">
								<div style="font-weight: 700;">住址:</div>
								</Col>
								<Col span="6">
								<div>{{formline.address}}</div>
								</Col>							
							</row>
						</div>
						</Col>
					</Row>
					<Divider>教育背景</Divider>
					<div style="height:150px">
                        <p>{{formline.study}}</p>
                    </div>
					<Divider>工作经历</Divider>
                    <div  style="height:150px">
                        <p>{{formline.workexp}}</p>
                    </div>
				
				</div>
			</Card>
		</div>
	</div>
</template>


<script>
	export default {
		props:{
			formline:{
				type:Object,
			}
		},
		data:function(){
			return{
				imgstr:"error",
				imgURL:"",
				// defaultImg:'this.src="' + require('@/assets/staff/error.jpg') + '"'
				
			}
		},
		watch:{
			formline:{
				handler(newvalue){
					// this.imgURL=require("@/assets/staff/"+newvalue.imgstr+".jpg")
					this.imgstr=newvalue.imgstr
				},
				deep:true
			}
		}
	}
</script>


<style>
	#jianli {
		/* width: 600px;
		height: 1000px; */
		text-align: center;
		width: 100%;
		height: 100%;
		margin-top: 30px;
		margin-left: 20px;
	}
</style>
